<template>
  <div class="view-container">
    工程合同
   <!-- <el-tabs tab-position="right" v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="建设合同" name="first">
        <el-row>
          <el-button @click="dialogShow = true">添加本项目节点</el-button>
          <el-button>与我相关节点</el-button>
        </el-row>
      </el-tab-pane>
      &lt;!&ndash;<el-tab-pane label="合同进度" name="second">
        <header class="view-header">
          <div class="header-container">
              <div class="header-title">
                <i class="el-icon-s-grid"></i>
                <span>建设合同</span>
              </div>
              <div class="header-form">
                &lt;!&ndash;更多&ndash;&gt;
              <div class="header-form-item">
                <el-dropdown @command="handleCommand">
                  <el-button type="default" :loading="delLoading">
                    更多<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>
                  </el-button>
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item icon="el-icon-refresh-right" class="color-refresh-item" command="refresh">刷新
                    </el-dropdown-item>
                    <el-dropdown-item icon="el-icon-edit" class="color-edit-item" command="edit">编辑</el-dropdown-item>
                    <el-dropdown-item icon="el-icon-delete" class="color-del-item" command="del">{{isBatchesDel}}
                    </el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </div>
              &lt;!&ndash;搜索&ndash;&gt;
              &lt;!&ndash;按标题查询&ndash;&gt;
              <div class="header-form-item">
                <el-button type="danger" icon="el-icon-plus" @click="openAddDialog">添加</el-button>
              </div>
              <div class="header-form-item">
                <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
              </div>
&lt;!&ndash;              <div class="header-form-item title-search">
                <el-input clearable v-model.trim="user.userNickname" @input="fetchData" placeholder="用户昵称"/>
              </div>
              <div class="header-form-item title-search">
                <el-input clearable v-model.trim="user.userName" @input="fetchData" placeholder="用户名"/>
              </div>&ndash;&gt;
            </div>
          </div>
        </header>
        <section class="table-container">
          <el-table
            ref="table"
            :data="tableData"
            stripe
            border
            @selection-change="handleSelectionChange"
            @row-click="handleRowClick"
          >
            <el-table-column type="selection" align="center"/>
            <el-table-column prop="userName" label="用户名" />
            <el-table-column prop="userNickname" label="姓名" />
            <el-table-column prop="sex" :formatter="sexFmt" label="性别" align="center" width="60"/>
            <el-table-column prop="departmentName" label="部门" align="center"/>
            <el-table-column prop="positionName" label="职位" align="center"/>
            <el-table-column prop="roleName" label="用户组" align="center"/>
            <el-table-column prop="created" :formatter="dateFmt" label="创建时间" align="center"/>
            <el-table-column prop="lastLogin" :formatter="date2Fmt" label="最后登录" align="center"/>

          </el-table>
        </section>
        <footer>
          <el-pagination
            :page-sizes="[10, 20, 50, 100]"
            layout="total, sizes, prev, pager, next, jumper"
            :total="page.total"
            :page-size="page.size"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
          />
        </footer>
      </el-tab-pane>&ndash;&gt;
    </el-tabs>-->
  </div>
</template>

<script>
  import listMixin from '@/mixin/listMixin'
  export default {
    name: 'HeTong',
    mixins:[listMixin],
    data() {
      return {
        mixinParams: {
          addUrl: '',
          editUrl: '/',
          propertyName: '',
          API: null
        },
      }
    },
    created() {

    },
    methods: {
      openAddDialog(){

      },
      fetchData(){

      }
    }
  }
</script>

<style scoped lang="scss">

</style>
